<template>
<div class="about">
  <div class="about-wrap">
<div class="info">
  <div class="title">
    <h3>我的介绍</h3>
  </div>
  <div class="cont">
    <img src="/static/img/timg.jpg" />
    <div class="per-info">
      <span>香蕉君</span><br>
      <span>30岁</span><br>
      <span>设计师,前端工程师,援交战士</span><br>
      <span>爱好旅游，打游戏 , 健身</span><br>
    </div>
  </div>
</div>
    <div class="tool">
      <div class="title">
        <h3>我的技能</h3>
      </div>
      <div class="cont-box" v-for="item in [1,2,3,4]">
        <img src="/static/img/gr_img2.jpg" />
        <p>80%</p>
      </div>
    </div>
    <div class="contact">
      <div class="title">
        <h3>联系方式</h3>
      </div>
      <div class="cont-contact">
        <img src="/static/img/erweima2.jpg" />
        <div class="text">
          <p><span>微信 :</span><span> 1234567890</span></p>
          <p><span>qq :</span><span> 1234567890</span></p>
          <p><span>电话 :</span><span> 1234567890</span></p>
        </div>
      </div>
    </div>
  </div>
</div>
</template>

<script>
    export default {
        name: "about"
    }
</script>

<style lang="scss" scoped>
@import "../assets/css/about";
</style>
